<!-- 品牌列表页面 -->
<template>
  <div class="home-select">
    <div class="select-list">
      <div class="logo-title">品牌精选</div>
      <div class="logo-list">
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
        <div class="logo">
          <div class="logo-img">
            <img
              src="https://x.dscmall.cn/storage/data/brandlogo/1490072399542595828.jpg"
              alt=""
            />
          </div>
          <div class="logo-introduce">猫人</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
  beforeCreate() {}, //生命周期 - 创建之前
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  beforeMount() {}, //生命周期 - 挂载之前
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang="less" scoped>
.home-select {
  .select-list {
    width: calc(100% - 2rem);
    margin: 1rem;
    background-color: #fff;
    .logo-title {
      font-size: 1.5rem;
      color: #000;
      padding: 2rem 2rem 1rem;
      text-indent: 2rem;
    }
    .logo-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-content: center;
      .logo {
        width: 8.875rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        text-align: center;
        .logo-img {
          img {
            width: 7.1rem;
            height: 3.1rem;
          }
        }
      }
    }
  }
}
</style>
